<!DOCTYPE html>
<html>
  <head>
    <!-- This page was generated by CAT-SOOP (v{cs_version}).  miau. -->

    <meta charset="UTF-8" />
    <title>{cs_title}</title>
    <link rel="icon" href="{cs_icon_url}" type="image/gif" />

    <!-- jQuery and Bootstrap and SweetAlert -->
    <script src="BASE/scripts/jquery.js"></script>
    <link rel="stylesheet" href="BASE/themes/bootstrap.css" />
    <script src="BASE/scripts/bootstrap.js"></script>
    <link rel="stylesheet" href="BASE/themes/sweetalert2.css" />
    <script src="BASE/scripts/sweetalert2.js"></script>

    <!-- automatically adjust the top padding so that the whole page is visible even if the navbar's height changes -->
    <script type="text/javascript">
     var set_top_margin = function(){{
         $$("#myPage").css('padding-top', $$('#cs_main_navbar').height());
     }}

     $$(document).ready(set_top_margin);
     $$('#cs_main_navbar').resize(set_top_margin);
     var catsoop = {{plugins: {{}}}};
    </script>

    <!-- Additional styling specific for course-->
    <link rel="stylesheet" type="text/css" href="{cs_theme}" />

    <!-- load in katex and mathjax, and CAT-SOOP-specific math rendering  -->
    <script type="text/javascript" src="BASE/scripts/katex/katex.min.js"></script>
    <link rel="stylesheet" type="text/css" href="BASE/scripts/katex/katex.min.css" />
    <script type="text/javascript" src="BASE/scripts/mathjax/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
    <script type="text/javascript" src="BASE/scripts/cs_math.js"></script>

    <!-- CAT-SOOP Hashing -->
    <script type="text/javascript" src="BASE/scripts/cs_hash.js"></script>

    <!-- Syntax Highlighting -->
    <link rel="stylesheet" href="BASE/scripts/highlight/styles/catsoop.css" />
    <script type="text/javascript" src="BASE/scripts/highlight/highlight.pack.js"></script>
    <script type="text/javascript">
     hljs.initHighlightingOnLoad();
    </script>

    {cs_scripts}

    <meta name="viewport" content="width=device-width, initial-scale=1" />
  </head>
  <body id="myPage">

    <nav class="navbar navbar-default navbar-fixed-top" id="cs_main_navbar">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#catsoopnavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <div class="navbar-brand"><a href="{cs_home_link}">{cs_header}</a></div><div class="navbar-brand"><div class="logininfo">{cs_breadcrumbs_html}</div></div>
        </div>
        {cs_top_menu_html}
      </div>
    </nav>
    <div id="content">
      <center>
        <h1>{cs_content_header}</h1>
      </center>

      <div class="container">
        <div class="row">
          <div class="col-md-12">
            {cs_content}
            {cs_footnotes}
          </div>
        </div>
      </div>
      <div id="bottom_menu">
        {cs_bottom_menu}
      </div>

    </div>
    <div id="footer">
      {cs_footer}
      <pre class="catsooplogo" style="font-size:50%;">{cs_base_logo_text}</pre>
      Powered by <a target='_blank' href='https://catsoop.mit.edu'>CAT-SOOP</a> {cs_version}.<br/>
      CAT-SOOP is <a href="http://www.fsf.org/about/what-is-free-software" target="_blank">free/libre software</a>, available under the terms<br/>of the <a href="BASE/cs_util/license" target="_blank">GNU Affero General Public License, version 3</a>.<br/>
      (<a href="BASE/cs_util/source.zip{cs_source_qstring}" download>Download Source Code</a>)
    </div>
  </body>
</html>
